/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#303030; background:#fafafa url(imagestyle/content.gif) top left repeat-y; font:76% Verdana,Tahoma,sans-serif;}

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

li
{margin:0 0 8px 25px;}

a
{color:#d85d5d; font-weight:bold; text-decoration:none;}

a:hover
{color:#505050; text-decoration:underline;
    font-family: Arial,Helvetica,sans-serif;
}

img
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #d0d0d0;}

textarea
{ resize: none; }

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto; background:#e0e0e0 url(imagestyle/sidebar.gif) top right repeat-y; text-align:right;}

body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:0 20px 18px 5px; color:#F7F7F7; font-size:1em; letter-spacing:-1px; text-align:right;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

/**************** Chat Style ****************/
#chatsidebar
{position:absolute; top:0; left:770px; width:440px; height:100%; overflow:auto; background:#e0e0e0  top right repeat-y; text-align:right;}

body > #chatsidebar
{position:fixed;}

#chatsidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#chatsidebar h2
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#chatsidebar h3
{margin:0 20px 18px 5px; color:#F7F7F7; font-size:1em; letter-spacing:-1px; text-align:right;}

#chatsidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#chatsidebar a
{color:#808080}

#chatlist a
{display:block; width:140px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0  top right repeat-y;  font-size:1.3em; font-weight:normal; text-decoration:none; letter-spacing:-2px;font-family: cursive;}

#chatlist a:hover
{color:#303030; background:#f0f0f0 top right repeat-y;
    font-family: serif;
}

#chatlist p
{margin-bottom: 0; width:140px; padding:5px 18px 5px 0; color:#6699FF; background:#e0e0e0  top right repeat-y;  font-size:2em; font-weight:normal; text-decoration:none; letter-spacing:-2px;font-family: cursive;}

/**************** online friend Style ****************/
#onlinesidebar
{position:absolute; top:0; left:920px; width:440px; height:100%; overflow:auto; background:#e0e0e0  top right repeat-y; text-align:right;}

body > #onlinesidebar
{position:fixed;}

#onlinesidebar h1
{margin:20px 18px 0 5px; color:#d85d5d; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#onlinesidebar h2
{margin:0 20px 18px 5px; color:#808080; font-size:1.1em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#onlinesidebar h3
{margin:0 20px 18px 5px; color:#F7F7F7; font-size:1em; letter-spacing:-1px; text-align:right;}

#onlinesidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#onlinesidebar a
{color:#808080}

#onlinelist a
{display:block; width:140px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0  top right repeat-y;  font-size:1.3em; font-weight:normal; text-decoration:none; letter-spacing:-2px;font-family: cursive;}

#onlinelist a:hover
{color:#303030; background:#f0f0f0 top right repeat-y;
    font-family: serif;
}

#onlinelist p
{margin-bottom: 0; width:140px; padding:5px 18px 5px 0; color:#6699FF; background:#e0e0e0  top right repeat-y;  font-size:2em; font-weight:normal; text-decoration:none; letter-spacing:-2px;font-family: cursive;}

#offlinelist a
{display:block; width:140px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0  top right repeat-y;  font-size:1.3em; font-weight:normal; text-decoration:none; letter-spacing:-2px;font-family: cursive;}

#offlinelist a:hover
{color:#303030; background:#f0f0f0 top right repeat-y;
    font-family: serif;
}

#offlinelist p
{margin-bottom: 0; width:140px; padding:5px 18px 5px 0; color:#6699FF; background:#e0e0e0  top right repeat-y;  font-size:2em; font-weight:normal; text-decoration:none; letter-spacing:-2px;font-family: cursive;}

/**************** Chat input box ****************/



#chatinput input
{
    color: #808080; background-color: cornsilk;
}

/**************** Opened Room ****************/

#openedsidebar
{position:absolute; top:0; left:220px; width:550px; height:10%; overflow:auto; background:#e0e0e0  ; text-align:left;}

body > #openedsidebar
{position:fixed;}

#openedsidebar li {
        padding: 0px 10px 3px 10px;
        color: #808080;
        background: #FFF;
        display: inline;
        margin:0 0 0 0;
}

#openedsidebar li.active {
        background: #FFF ;
        color: #C3593C;
        font-weight: bold;
        padding-bottom: 8px;
}

#openedsidebar a {
        font-weight: bold;
        color: #4A8EBC;
        background: inherit;
        margin:0 0 0 0;
}




/**************** Navigation menu styles ****************/

#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(imagestyle/sidebar.gif) top right repeat-y; font-size:1.8em; font-weight:normal; text-decoration:none; letter-spacing:-2px;}

#menu a:hover
{color:#303030; background:#f0f0f0 url(imagestyle/sidebar.gif) top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#505050; background:#fafafa;}




/**************** Content area styles ****************/

#content
{width:520px;  margin:50px 0 0 240px; padding:20px 0; background:#fafafa;}

#content p
{margin:0 0 20px 0; line-height:1em;}

#content h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;
    font-family: Arial,Helvetica,sans-serif;
}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;font-family: Arial,Helvetica,sans-serif;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 2em; letter-spacing:-2px;}

#content textarea
{margin:2px 2px 2px 2px ; overflow:auto;}


#content span
{ }

#content a
{   margin:2px 2px 2px 10px ;  color:#606060; background:#e0e0e0; text-align: center ; font-size: 17px; font-family: Arial, Helvetica, cursive }

#content .userID
{background:#fafafa; }

#content .tinymessage
{background:#fafafa; font:95% Verdana,Tahoma,sans-serif;}


#content a.active
{  color:#FFFFFF; background:#000000;}

#content #isiRoom a
{clear:both; margin:30px 0 10px 0; color:burlywood; font-weight:normal; font-size: 2em; letter-spacing:-2px; background:#fafafa;}

#content td
{
    font-family: Arial,Helvetica,sans-serif; font-size: 0.9em; font-weight: bold;
}

#content td a
{
    font-family: Arial,Helvetica,sans-serif; font-size: 0.9em;
}

.comment
{ background: #CCCCCC;  }

/**************** Isi Room ****************/
#isiRoom p
{font-family: cursive; font-size: 12px;}

#isiRoom .showroom
{font-family: cursive; font-size: 9px; margin-left: 30px;}

#listfriends .moderate
{color: chartreuse;}

#listfriends .owner
{color: teal;}

#chatlist .moderate
{color: chartreuse;}

#chatlist .owner
{color: teal;}


/**************** Zebra Comment (Ganti di table)****************/


.commentBackgroundOdd
{
    padding: 8px;
	background: #f0f0f0;
    border:none;
}

.commentBackgroundEven
{
    padding: 8px;
	background: #FFFFFF;
    border:none;
}

.commentBackground
{
    padding: 8px;
	background: #f0f0f0;
}

.comments
{
    padding: 8px;
	background: #f0f0f0;
}

.commentexistBackground
{
    padding: 8px;
	background: #fafafa;
	border:none;
}

.postBackground
{
	background: #f0f0f0;
	border-color: #6699FF;
	border: groove;
}

.postexistBackground
{
	border:none;
	background: #fafafa;
}

.resizeable
{
	border:none;
	background: #fafafa;
}

#pagination {
	padding: 3px;
	margin: 3px;
    font-size: 13px;
    text-align: center;
}



#pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
    font-size: 13px;


}

#pagination a:hover, #pagination a:active {


	color: #000000;
}

#pagination span.pCurrent {
	padding: 2px 5px 2px 5px;
	margin: 2px;


	font-weight: bold;
	background-color: #D4D0C8;
	color: #000000;

}

#pagination .centeredImage{
     text-align: center; 
}


#pagination span.pDisabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
    background-color: #D4D0C8;

	color: #000000;

}

#room {
    font-size: 0.5em;
}